<template>
  <div class="error-group">
    <img src="@/assets/other/f-a.gif" alt srcset>
    <div>你访问的页面不存在</div>
    <van-button type="info" size="small" to="/home">返回首页</van-button>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  //接收父级传递的参数
  props: [],
  //监听数据变化
  watch: {},
  data() {
    return {};
  },
  //实例初始化之前触发事件
  beforeCreate() {},
  //实例化之后触发事件
  created() {},
  //实时监控data参数数据变化
  computed: {},
  //模板组件
  components: {},
  //执行方法
  methods: {},
  mounted() {}
  //路由退出时候调用
  //beforeRouteLeave(to, from, next){next()}
};
</script>

<style scoped lang="less">
.error-group {
  background: #fff;
  text-align: center;
  font-weight: bold;
  height: 100%;
  overflow: hidden;
  &>div{
     margin-bottom: 1rem;
  }
  img {
    display: block;
    width: 6rem;
    margin: 8rem auto 4rem;
  }
}
</style>
